<?php include THEMES_PATH.'public/before_body2.phtml';?>
<link href="/statics/front/css/article.css" rel="stylesheet">
</head>
<body>
<?php include THEMES_PATH.'public/header2.phtml';?>
<div class="heading">
  <strong><?php echo L('how_to_customize');?></strong>
</div>
<ul class="align-center tab-nav js-tab-nav">
  <li><a href="<?php echo url('quality');?>" rel="nofollow"><?php echo L('_new_quality_1');?></a></li>
  <li><a href="<?php echo url('delivery');?>" rel="nofollow"><?php echo L('_new_quality_2');?></a></li>
  <li class="active"><?php echo L('_new_quality_3');?></li>
  <li><a href="<?php echo url('materials');?>"><?php echo L('_new_quality_4');?></a></li>
</ul>
<p class="clearfix main-width link-row">
  <a href="<?php echo url('/article/customize');?>" class="pull-left text-bold" rel="nofollow"><?php echo L('_new_quality_5');?></a>
  <a href="<?php echo url(CATEGORY_URL_2093);?>" class="pull-right text-bold"><?php echo L('_new_quality_6');?></a>
</p>
<div class="banner text-on-banner">
  <img src="/statics/front/images/article/banner-quality.jpg" alt="横幅">
  <p>
    <strong><?php echo L('_new_fitting_1');?></strong>
    <span><?php echo L('_new_fitting_2');?></span>
  </p>
</div>
<div class="heading">
  <strong><?php echo L('_new_fitting_3');?></strong>
</div>
<div class="clearfix main-width suit">
  <ol class="pull-left">
    <li>
      <i>1</i>
      <strong class="text-bold"><?php echo L('_new_fitting_4');?></strong>
      <p class="text"><?php echo L('_new_fitting_5');?></p>
    </li>
    <li>
      <i>2</i>
      <strong class="text-bold"><?php echo L('_new_fitting_6');?></strong>
      <p class="text"><?php echo L('_new_fitting_7');?></p>
    </li>
    <li>
      <i>3</i>
      <strong class="text-bold"><?php echo L('_new_fitting_8');?></strong>
      <p class="text"><?php echo L('_new_fitting_9');?></p>
    </li>
  </ol>
  <ol class="pull-right">
    <li>
      <i>4</i>
      <strong class="text-bold"><?php echo L('_new_fitting_10');?></strong>
      <p class="text"><?php echo L('_new_fitting_11');?></p>
    </li>
    <li>
      <i>5</i>
      <strong class="text-bold"><?php echo L('_new_fitting_12');?></strong>
      <p class="text"><?php echo L('_new_fitting_13');?></p>
    </li>
    <li>
      <i>6</i>
      <strong class="text-bold"><?php echo L('_new_fitting_14');?></strong>
      <p class="text"><?php echo L('_new_fitting_15');?></p>
    </li>
  </ol>
  <img src="/statics/front/images/article/suit.jpg" alt="suit" />
</div>
<div class="banner align-right banner2 text-on-banner">
  <img src="/statics/front/images/article/banner-quality2.jpg" alt="banner image 2" />
  <p>
    <strong class="title"><?php echo L('_new_fitting_16');?></strong>
    <span><?php echo L('_new_fitting_17');?></span>
  </p>
</div>
<div class="heading">
  <strong><?php echo L('_new_fitting_18');?></strong>
</div>
<ul class="align-center sample-list">
  <li>
    <img src="/statics/front/images/article/sample1.jpg" alt="suit" />
    <p class="text"><?php echo L('_new_fitting_19');?></p>
  </li>
  <li>
    <img src="/statics/front/images/article/sample2.jpg" alt="suit" />
    <p class="text"><?php echo L('_new_fitting_20');?></p>
  </li>
  <li>
    <img src="/statics/front/images/article/sample3.jpg" alt="suit" />
    <p class="text"><?php echo L('_new_fitting_21');?></p>
  </li>
  <li>
    <img src="/statics/front/images/article/sample4.jpg" alt="suit" />
    <p class="text"><?php echo L('_new_fitting_22');?></p>
  </li>
</ul>
<div class="main-width align-center btm-row js-btm-row">
  <a href="<?php echo url('delivery');?>" class="pull-left text-bold" rel="nofollow">&lt; <?php echo L('_new_quality_2');?></a>
  <a href="<?php echo url(CATEGORY_URL_2093);?>" class="btn"><?php echo L('_new_quality_6');?></a>
  <a href="<?php echo url('materials');?>" class="pull-right text-bold" rel="nofollow"><?php echo L('_new_quality_4');?> &gt;</a>
</div>
<div class="fixed arrow-key js-arrow-key">
  <?php echo L('_new_quality_39');?><img src="/statics/front/images/article/arrow-right.png" alt="arrow to right" /><?php echo L('_new_quality_40');?><img src="/statics/front/images/article/arrow-left.png" alt="arrow to left" /><?php echo L('_new_quality_41');?><img src="/statics/front/images/article/arrow-down.png" alt="arrow to down" /><?php echo L('_new_quality_42');?>
  <i class="close js-close">×</i>
</div>
<script src="/statics/front/js/scripts/article/common.js"></script>
<?php include THEMES_PATH.'public/footer2.phtml';?>
<script>
$(function() {
  $(document).on('keyup', function(event) {
    var keyCode = event.which;
    if (keyCode === 39) {//向右的方向键
      window.location.href = "<?php echo url('materials');?>";
    }
  });
});
</script>
<?php include THEMES_PATH.'public/after_body.phtml';?>